@primary: #3e7bfa;
@error: #f53f3f;
@warning: #fda128;
@info: #4e5969;
@success: #00b42a;
.button_common {
  border: 0px;
  font-size: 0.7292vw;
  line-height: 16px;
  padding: 7px 15px;
  border-radius: 6px 6px 6px 6px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.button_primary {
  .button_common();
  background: @primary;
  color: #ffffff;
}
.button_primary_empty {
  .button_common();
  color: #3e7bfa;
  background: transparent;
  border: 1px solid #3e7bfa;
}
.button_success_text {
  .button_common();
  padding: 0;
  background: transparent;
  color: @success;
}
.button_info {
  .button_common();
  background: #ededed;
  color: #4e5969;
}
.button_warning {
  .button_common();
  background: @warning;
  color: #ffffff;
}
.button_primary_plain {
  .button_common();
  background: #e8eeff;
  color: #3e7bfa;
}

.button_success_plain {
  .button_common();
  background: #e8ffea;
  color: @success;
}
.button_success_plain_other {
  .button_common();
  background: #e8fffb;
  color: #0fc6c2;
}
.button_warning_plain {
  .button_common();
  background: #fff7e8;
  color: @warning;
}
.button_primary_text {
  .button_common();
  padding: 0;
  background: transparent;
  color: @primary;
}
.button_success {
  .button_common();
  background: @success;
  color: #fff;
}
.button_error {
  .button_common();
  background: #ffece8;
  color: @error;
}
.button_error_text {
  .button_common();
  padding: 0;
  background: transparent;
  color: @error;
}
.button_warning_text {
  .button_common();
  padding: 0;
  background: transparent;
  color: @warning;
}
.button_info_text {
  .button_common();
  padding: 0;
  background: transparent;
  color: #86909c;
}
.button_icon {
  display: block;
  min-width: 5vw;
  i {
    margin-right: 8px;
  }
}
.button_pass_text_common {
  background: transparent;
  padding-left: 11px;
  position: relative;
  color: #1d2129;
  padding-right: 0;
}
.button_pass_after_common {
  content: "";
  width: 0.4167vw;
  height: 0.7407vh;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%);
}
.success_pass {
  .button_common();
  .button_pass_text_common();
  &::after {
    .button_pass_after_common();
    background: #00b42a;
  }
}
.error_pass {
  .button_common();
  .button_pass_text_common();
  &::after {
    .button_pass_after_common();
    background: #f53f3f;
  }
}

.button_link {
  text-decoration: underline;
  font-size: 0.7292vw;
}
